<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>产品业务</title>
    <link rel="icon" type="image/x-icon" href="favicon.ico">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/business.css">
    <style>
        .about-r-article {
            overflow: hidden;
            padding-top: 23px;
        }

        .hot-img {
            width: 320px;
            height: 200px;
            float: left;
        }

        .hot-tell {
            width: 330px;
            height: 200px;
            float: right;
        }

        .hot-tell>span {
            font-size: 20px;
        }

        .hot-tell>h6 {
            color: #1eb9ee;
            font-size: 24px;
            padding-bottom: 8px;
            padding-top: 2px;
        }

        .hot-tell p {
            font-size: 14px;
            text-indent: 2em;
            color: #383c46;
        }
    </style>
</head>

<body>
    <header>
        <div class="header-nav">
            <a href="#">
                <h1 class="header-nav-l">24梯,24T.net.cn</h1>
            </a>
            <nav class="header-nav-r">
                <a href="index.html">首页</a>
                <a href="24Tabstract.html">关于24T</a>
                <a href="news.html">新闻动态</a>
                <a href="business.html" class="active">业务产品</a>
                <a href="joinus.html">招贤纳士</a>
            </nav>
            <div class="language">
                <a href="#" class=" ">中文</a>
                <a href="#">English</a>
            </div>
        </div>
    </header>
    <section id="abstract">
        <div class="banner">
            <img src="images/headbanner_products.png" alt="">
        </div>
        <div class="t-about">
            <div class="about-l">
                <div class="about-l-title">
                    <h4>产品&业务</h4>
                    <span class="line-tips"></span>
                    <p>PRODUCTS WITH SERVICE</p>
                </div>
                <div class="about-l-step">
                    <ul class="tab-ul">
                        <li>软件平台</li>
                        <li>硬件产品</li>
                        <li>支持服务</li>
                        <li class="active">其它业务</li>
                    </ul>
                </div>
            </div>
            <div class="about-r">
                <div class="about-r-crumbs-nav">
                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 19 19" class="location-svg">
                        <defs>
                            <style>
                                .target {
                                    fill: #3c3c3c;
                                    fill-rule: evenodd;
                                }
                            </style>
                        </defs>
                        <path class="target" d="M17.826,8.937h-1A7.374,7.374,0,0,0,9.97,2.083v-1A0.486,0.486,0,0,0,9.485.593H9.477a0.487,0.487,0,0,0-.486.487v1A7.373,7.373,0,0,0,2.133,8.937h-1a0.487,0.487,0,0,0-.487.487V9.432a0.487,0.487,0,0,0,.487.487h1a7.372,7.372,0,0,0,6.851,6.856v1a0.487,0.487,0,0,0,.487.487H9.48a0.487,0.487,0,0,0,.487-0.487v-1a7.373,7.373,0,0,0,6.852-6.854h1a0.487,0.487,0,0,0,.486-0.487V9.425a0.486,0.486,0,0,0-.483-0.488h0ZM9.965,3.561a5.9,5.9,0,0,1,5.379,5.377H14.481A5.036,5.036,0,0,0,9.966,4.423V3.561h0Zm-0.98,0V4.424A5.038,5.038,0,0,0,4.47,8.94H3.611A5.9,5.9,0,0,1,8.985,3.561h0Zm0,11.738A5.9,5.9,0,0,1,3.609,9.919H4.472a5.037,5.037,0,0,0,4.515,4.516V15.3h0Zm0.493-3.662H9.473a0.487,0.487,0,0,0-.486.487v1.57A4.3,4.3,0,0,1,5.212,9.921h1.57a0.487,0.487,0,0,0,.487-0.487V9.425a0.487,0.487,0,0,0-.487-0.487H5.212A4.3,4.3,0,0,1,8.985,5.163v1.57a0.487,0.487,0,0,0,.487.487H9.48a0.487,0.487,0,0,0,.487-0.487V5.163a4.3,4.3,0,0,1,3.775,3.774h-1.57a0.487,0.487,0,0,0-.487.487V9.432a0.487,0.487,0,0,0,.487.487h1.57a4.3,4.3,0,0,1-3.773,3.776v-1.57a0.487,0.487,0,0,0-.487-0.487h0ZM9.968,15.3V14.433a5.038,5.038,0,0,0,4.515-4.516h0.862A5.9,5.9,0,0,1,9.968,15.3h0Z"
                        />
                    </svg>
                    <ul class="nav-list">
                        <li>产品业务</li>
                        <li>其他业务</li>
                    </ul>
                </div>
                <div class="about-r-article">
                    <img src="images/protal_service.png" alt="" class="hot-img">
                    <div class="hot-tell">
                        <span>电子商务</span>
                        <h6>www.*****.24t.net</h6>
                        <p>我司自有的电商平台，客户可以通过它自主选购电梯零配件。</p>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <footer>
        <p class="copyright">copyright 版权信息版权信息版权信息版权信息版权信息版权信息</p>
    </footer>
    <script type="text/javascript" src="./js/jquery-1.10.1.min.js"></script>
    <script type="text/javascript" src="./js/uilts.js"></script>
    <script type="text/javascript" src="controller/business.js"></script>
</body>

</html>